<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
input[type=checkbox].css-checkbox {
							  position: absolute; 
							overflow: hidden; 
							clip: rect(0 0 0 0); 
							height:1px; 
							width:1px; 
							margin:-1px; 
							padding:0;
							border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:20px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							vertical-align:middle;
							cursor:pointer;
						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -15px;
						}
						
						  .css-label{ background-image:url(http://csscheckbox.com/checkboxes/lite-green-check.png); }
</style>                          
</head>

<body>

					<input id="demo_box_1" class="css-checkbox" type="checkbox" />
					<label for="demo_box_1" name="demo_lbl_1" class="css-label">Option #1</label>
					<!-- Checkbox powered by CssCheckbox.com -->
					
					<input id="demo_box_2" class="css-checkbox" type="checkbox" checked="checked" />
					<label for="demo_box_2" name="demo_lbl_2" class="css-label">Selected Option</label>
					<!-- Checkbox powered by CssCheckbox.com -->
					
					<input id="demo_box_3" class="css-checkbox" type="checkbox" />
					<label for="demo_box_3" name="demo_lbl_3" class="css-label">Option #3</label>
					<!-- Checkbox powered by CssCheckbox.com -->
						
</body>
</html>
